@charset "utf-8";
.visitor-body{height:100%;width:100%;}
.common-search-btn{color:#fff;text-align:center;border:1px solid #dddddd;border-radius:4px;cursor:pointer;}
.user-radio-z{width: 10px;height:10px;border:1px solid #bfbfbf;border-radius:50%;cursor:pointer;}
.user-radio-z.checked{width: 12px;height:12px;;background: url(../images/radioChecked.png);border: 0px}
/*访客预约*/
.vo-search-box{width:calc(100% - 40px);padding:30px 20px;background:#f1f5f8;}
.input-row{float:left;/*height:38px;*/line-height:38px;}
.input-row div{float:left;}
.search-title{width:94px;text-align:right;}
.input-row input,.input-row select,textarea#v-visiteReason{border:1px solid #dddddd;padding:0 5px;margin-right:10px;}
.vo-search-box input{width:160px;height:36px;line-height:36px;}
.vo-search-box select{width:162px;height:38px;line-height:38px;}
.search-btn{background:#22a3fd;height:40px;line-height:40px;width:100px;float:right;margin-top:-3px;}
.order-btn{background:#31d0bf;height:60px;line-height:60px;width:155px;float:right;margin: -23px 10px 0 13px;font-size:18px;}
.search-btn:hover,.order-btn:hover{opacity:0.8}
.visitorOrder-list{width:calc(100% - 40px);padding:0 20px;height:calc(100% - 170px);margin:15px 0 8px;}
/*pop*/
.pop-con-box{width:calc(100% - 70px);padding:15px 35px;}
.op-title{display: inline-block;color:#1f92e3;font-size:15px;height:30px;line-height:24px;border-bottom:2px solid #1f92e3;margin-bottom:8px;}
.op-box .input-row{/*height:32px;*/line-height:32px;}
.op-box input{height:30px;line-height:30px;padding:0 5px;width:168px;}
.op-box select{height:32px;line-height:32px;padding:0 5px;width:180px;}
.op-box .search-title{width:90px;}
.data-time div{float:left;line-height:28px;}
div.date-from{border:1px solid #dddddd;height:28px;position:relative;overflow:hidden;/*padding: 0 5px;*/}
div.date-from input{width: calc(100% - 40px);float:left;border:none;line-height:22px;margin: 0;}
div.date-from .data-icon{display:block;float:right;color:#cccccc;width:30px;height:28px;line-height:28px;text-align:center;font-size:14px;cursor: pointer}
div.date-from input[type='text']:focus{border:none;}
.date-from{width:178px;}
div.date-from,.zi{display:block;float: left;}
.zi{margin:0 15px;}
textarea#v-visiteReason{width:448px;height:100px;margin:0;resize: none}
/*访客统计*/
.visitorCount-body{background:#f1f5f8;width:calc(100% - 36px);height:calc(100% - 36px);padding:18px;overflow-y:auto;}
.border-and-radius{border:1px solid #dddddd;border-radius:4px;}
.vc-search-box{width:100%;}
.vc-search-left,.vc-title,.vc-chose,.vc-chose div,.count-import{display: inline-block;vertical-align: middle}
.vc-search-left{width:calc(100% - 366px);background:#fff;float:left;height:36px;line-height:36px;padding:31px 10px;}
.vc-title{margin:0 10px;}
.vc-chose div{}
.radioCheck{margin:0 4px;cursor:pointer;}
.chose-time div.date-from{width:116px;height:36px;line-height:36px;border-radius:4px;padding:0 5px;}
.chose-time  div.date-from input,.chose-time div.date-from .data-icon,.visit-time div.date-from .data-icon{height:36px;line-height:36px;}
.vcs-btn{height:32px;line-height:32px;}
.count-import{width:36px;height: 36px;line-height:36px;text-align: center;background:#f1f5f8;color: #bbbbbb;cursor:pointer;}
.count-import:hover{border-color:#b9b8b8}
.vc-search-btn{width:155px;height:68px;padding:15px 0;float:left;margin-left:15px;text-align: center;}
.vc-ci{background:#31d0bf;}
.vc-ren{background: #f5cb33;}
.vc-search-btn span{display:block;color:#fff}
.vc-num{font-size:30px;}
.visitorCount-box{margin-top:15px;width:100%;}
.visitorCount{width:calc(50% - 11px);float:left;height:400px;background:#fff;}
.vc-chart-title{width:100%;line-height:46px;color:#22a3fd;font-size:16px;text-align: center;}
.vc-chart-box{width:100%;height:calc(100% - 46px);}
/*受访记录*/
.visit-time div.date-from{height:36px;line-height:36px;background:#fff;width:170px;}
.visit-time  div.date-from input{width:calc(100% - 40px);margin-right:0px}
textarea#revokeReason{width:323px;height:90px;margin:0;resize: none;padding:0 5px;}
#planStart,#planEnd,#v-planStart,#v-planEnd{margin:0}
.record-seeImg{width:calc(100% - 40px);height:200px;margin:20px;}
/*============================ 系统管理 =================================*/
.systemManage-body{width:calc(100% - 40px);height:calc(100% - 40px);padding:20px;background:#f1f5f8;}
/*数据管理*/
.data-manage-box{width:calc(100% - 30px);height:calc(100% - 22px);padding:20px 14px 0;border:1px solid #dddddd;background:#fff;}
.dataM-title{width:100%;height:49px;line-height:49px;font-size:18px;text-align: center;border-top:1px solid #dddddd;background:#f1f5f8;margin-top:35px}
.borderB{border-bottom:1px solid #dddddd;}
.dataM-rows{width:calc(100% - 40px);height:69px;line-height:69px;padding-left:40px;}
.dataM-rows div{display:inline-block;font-size:16px;}
.copy-data,.recover-data{width:140px;height:45px;line-height:45px;border-radius:4px;text-align: center;color:#fff;cursor:pointer;}
.copy-data{background:#31d0bf;margin-right:20px;}
.recover-data{background:#f5cb33}
.copy-data:hover,.recover-data:hover{opacity: 0.8}
.mouth-num{display:inline-block;width:178px;height:36px;line-height:36px;border:1px solid #dddddd;margin:16px 10px 0 0;}
.accessManage-list{height:100%;}
.mr10{margin-right:10px;}
.modifyAccess-box {padding:20px 50px 10px;}
.modifyAccess-box .input-row{width:100%;margin-bottom:10px;}
.modifyAccess-box input{width:210px}
.modifyAccess-box  .search-title{width:115px;}
.record-export{width:40px;height:40px;line-height:40px;float:right;margin:-4px 0 0 15px;}
#v-access{width:222px;height:40px;line-height:40px;}
/*type = file 样式修改文件上传*/
.recoverData-box{padding:15px 48px;}
.inputFileBox label{display: block;float: left;position: relative;}
.inputFileBox input[type="file"]{position: absolute;width: 1px;height: 1px;clip:rect(0,0,0,0);}
.inputFileBox .custorm-style{display: block;width:460px;height:36px;}
.inputFileBox .custorm-style .left-button{width:90px;line-height:36px;background: #22a3fd;color: #fff;display: block;text-align: center;float: left;border-radius:4px;}
.inputFileBox .custorm-style .left-button:hover{opacity: 0.8}
.inputFileBox .custorm-style .right-text{width:calc(100% - 112px);height:34px;line-height:34px;display: block;float: right;padding:0 5px;border: 1px solid #dddddd;border-radius:4px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.load-text{width:100%;height:80px;line-height:80px;text-align: center;font-size:16px;font-weight:bold;}
/*====== 角色管理 =======*/
.role-manage-box{width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #dddddd;background:#fff;}
.role-left-box{width: calc(43% - 51px);height:calc(100% - 30px);padding:10px 25px 20px;float:left;border-right:1px solid #dfdfdf;}
.role-title{width:100%;height:40px;line-height:33px;color:#22a3fd;border-bottom:1px solid #dfdfdf;font-size:16px;margin-bottom:12px;font-weight:bold;}
.role-list{width:100%;height:calc(100% - 112px);}
.access-list{width:100%;height:calc(100% - 55px);overflow: auto;}
.role-foot{width:100%;height:42px;margin-top:18px;text-align: center;}
.role-foot button.btn{width:100px;height:40px;line-height:40px;padding:0}
.role-list .property,.role-list .user-radio{display: inline-block;/* float:left; */ margin:0px;}
.choice{background: #e1e2e3;}
.addRole-box{padding:30px 50px 100px;}
.addRole-box input{width:200px;}
.role-right-box{width: calc(57% - 50px);height:calc(100% - 30px);padding:10px 25px 20px;float:left;}
/*树自定义样式 start*/
#customTree .ztree li span.button.root_open,#customTree .ztree li span.button.center_open,#customTree .ztree li span.button.bottom_open{background:url(../images/open.png) no-repeat center;}
#customTree .ztree li span.button.root_close,#customTree .ztree li span.button.center_close,#customTree .ztree li span.button.bottom_close{background:url(../images/closex.png) no-repeat center;}
#customTree .ztree li span.button.ico_open,#customTree .ztree li span.button.ico_close,#customTree .ztree li span.button.ico_docu{background: none;width: 0px;height:0px;}
#customTree .ztree li span.button.chk,#customTree .ztree li span.button.chk.checkbox_false_full,#customTree .ztree li span.button.chk.checkbox_false_full_focus{ width:14px; height:14px; background: #fff; display: inline-block; vertical-align: middle; margin-right:4px; cursor: pointer;background: transparent url("../images/check.png") no-repeat scroll center 50%; -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#customTree .ztree li span.button.chk.checkbox_true_full,#customTree .ztree li span.button.chk.checkbox_true_full_focus{background: transparent url("../images/checked.png") no-repeat scroll center 50%;}
#customTree .ztree li span.button.chk.checkbox_true_part,#customTree .ztree li span.button.chk.checkbox_true_part_focus{background: transparent url("../images/checked.png") no-repeat scroll center 50%;}
/*树自定义样式 end*/